<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏 - 棋士馆</title>
    <link rel="stylesheet" href="../css/游戏.css">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="logo">棋士馆</div>
        <div class="user-options">
            <a href="#">登录/注册</a>
            <a href="#">语言选择</a>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="首页.html">首页</a></li>
            <li><a href="游戏.html">游戏</a></li>
            <li><a href="比赛.html">比赛</a></li>
            <li><a href="论坛.html">论坛</a></li>
            <li><a href="科普.html">科普</a></li>
            <li><a href="教程.html">教程</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
        </ul>
    </nav>

    <!-- Game Introduction Section -->
    <section class="game-intro">
        <h1>棋士馆 游戏</h1>
        <p>在棋士馆，你可以体验各种棋类游戏，无论是经典的围棋、国际象棋，还是其他各类棋类，满足不同棋迷的需求。</p>
    </section>

    <!-- Game Categories -->
    <section class="game-categories">
        <h2>选择你的棋类游戏</h2>
        <div class="categories-container">
            <div class="category-card">
                <img src="../国际象棋.jpeg" alt="国际象棋">
                <h3>国际象棋</h3>
                <p>体验国际象棋的深度策略与竞技快感。</p>
                <a href="国际象棋.html" class="btn-play">立即玩</a>
            </div>
            <div class="category-card">
                <img src="../围棋.png" alt="围棋">
                <h3>围棋</h3>
                <p>挑战围棋，探索无尽的棋局变化。</p>
                <a href="围棋.html" class="btn-play">立即玩</a>
            </div>
            <div class="category-card">
                <img src="../中国象棋.png" alt="象棋">
                <h3>中国象棋</h3>
                <p>经典的中国象棋，体验战略布局与博弈的乐趣。</p>
                <a href="象棋.html" class="btn-play">立即玩</a>
            </div>
        </div>
    </section>

    <!-- Featured Game Section -->
    <section class="featured-game">
        <h2>本周推荐游戏</h2>
        <div class="game-detail">
            <div class="game-image">
                <img src="../围棋大师.png" alt="推荐游戏">
            </div>
            <div class="game-info">
                <h3>围棋大师挑战</h3>
                <p>挑战世界级围棋大师，检验你的棋艺！通过一系列精心设计的围棋局，测试你的策略和技巧。</p>
                <a href="围棋大师挑战.html" class="btn-play">开始挑战</a>
            </div>
        </div>
    </section>

    <!-- Online Play Section -->
    <section class="online-play">
        <h2>与全球玩家在线对弈</h2>
        <p>棋士馆提供实时在线对弈平台，让你与全球的棋类爱好者挑战和切磋。</p>
        <a href="在线对弈.html" class="btn-play">立即对弈</a>
    </section>

    <!-- Footer -->
    <footer>
        <p>© 2024 棋士馆 | 联系我们</p>
    </footer>
</body>
</html>
